@charset "utf-8";
@import "../common";
$mcolor:#0dafd2;
.all{
    .main_top{
        width: 91%;
        border-top: 1px solid #4d4d4d;
        text-align: right;
        margin: auto;
        margin-top: 15px;
        p{
            font-size: 14px;
            font-weight: 600;
            color: #4d4d4d;
                line-height: 43px;
        }
    }
    .main{
        width: 82%;
        background: white;
        margin: auto;
        padding: 20px 60px;
        font-size: 0;
        >h3{
            font-size: 28px;
            color: $mcolor;
            line-height: 88px;
        }
        >div:first-of-type{
            text-align: right;
            
            div:last-of-type{
                a{
                    font-size: 17px;
                    display: inline-block;
                    width: 145px;
                    height: 40px;
                    color: white;
                    line-height: 40px;
                    text-align: center;
                    background: $mcolor;
                    margin-bottom: 18px;
                    &:last-of-type{
                        background-color: #afafaf;
                    }
                }
            }
        }
        >P{
            margin-top: 18px;
            width: 545px;
            height: 75px;
            font-size: 14px;
            line-height: 25px;
            color: #636262;
            overflow: hidden;
            text-overflow: ellipsis;
            display:-webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            margin-bottom: 20px;
        }
        >h4{
            font-size: 14px;
            line-height: 30px;
            margin-top: 40px;
        }
        >h5{
            font-size: 12px;
            line-height: 28px;
            font-weight: normal;
        }
        >div:last-of-type{
            margin-top: 40px;
            margin-bottom: 20px;
            img{
                margin-right: 10px;
            }
        }
    }
}
